/** Apply an image to our toolbarbutton.  Use multiple states in a
    single image and then reposition the viewport in order to avoid
    flickering on state change **/
#web-window-toolbarbutton
{
  list-style-image: url(chrome://web-window/skin/toolbar.png);
  -moz-image-region: rect(0px 23px 20px 0px);
}
#web-window-toolbarbutton:hover
{
  -moz-image-region: rect(20px 23px 40px 0px);
}
#web-window-toolbarbutton[disabled="true"]
{
  -moz-image-region: rect(60px 23px 80px 0px);
}
#web-window-toolbarbutton[active="true"]
{
  -moz-image-region: rect(40px 23px 60px 0px);
}

#back
{
  list-style-image: url(chrome://web-window/skin/button-back.png);
}

#forward
{
  list-style-image: url(chrome://web-window/skin/button-forward.png);
}

#reload
{
  list-style-image: url(chrome://web-window/skin/button-reload.png);
}

#stop
{
  list-style-image: url(chrome://web-window/skin/button-stop.png);
}

#go
{
  list-style-image: url(chrome://web-window/skin/button-go.png);
}